<template>
  <div class="index">
    <div class="back">
      <div class="back_left">
        <span>订单详情</span>
      </div>
      <div class="back_right" @click="goBack">
        <span>返回</span>
      </div>
    </div>
    <div class="index_box">
      <div style="">
        <el-row>
          <el-col :span="24">
            <Header :xmbh="xmbh" />
          </el-col>
  
          <el-col :span="24" style="margin-top: 10px">
            <Center :xmbh="xmbh" />
          </el-col>
        </el-row>
      </div>
      <div style="margin-top: 10px; display: flex; flex-direction: column">
        <el-row type="flex">
          <el-col :span="24">
            <Bottom :xmbh="xmbh" />
          </el-col>
        </el-row>
      </div>
    </div>
  
  </div>
</template>
  <script scoped>
import Header from "../../components/orderDetail/Header.vue";
import Center from "../../components/orderDetail/Center.vue";
import Bottom from "../../components/orderDetail/Bottom.vue";

export default {
  data() {
    return {
      xmbh: null, // 初始化接收到的参数
    };
  },
  components: {
    Header,
    Center,

    Bottom,
  },
  created() {
    this.xmbh = this.$route.query.xmbh;
  
  },
  mounted() {
    // 其他逻辑...
  },
  methods: {
    goBack() {
      // 返回逻辑
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="scss" scoped>
.index_box{
  height: calc(100% - 30px);
  overflow-y: auto;
  padding-bottom: 30px;
}
/* 隐藏滚动条 - 适用于 Chrome 和 Safari */
.index_box::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

/* 隐藏滚动条 - 适用于 Firefox */
.index_box {
  scrollbar-width: none; /* 隐藏滚动条 */
}
.index {
  width: 100%;
  padding-bottom: 100px;
  height: 87%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.back {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
 
  /* top: 10px; */
  width: 97%;
  top: 98px;
  
  z-index: 9999;
  /* padding: 20px 0; */
  border-radius: 15px;
  /* padding: 0 20px; */
  padding: 20px;
}
.back_left span {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
}
.back_right {
  margin-right: 20px;
}
.back_right span {
  background: #ffffff;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 18px;
  color: #1e4398;
  cursor: pointer;
}
</style>


  